body{
    background-image: url("/img/104.jpg");
}

.frosted-glass{
    width: 100%;
    height: 100%;
    background: inherit;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    -o-filter: blur(5px);
    filter: blur(5px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4, MakeShadow=false);
    position: fixed;
    top: 0px;
    left: 0px;
}
.data{
    width: 100%;
    background: rgba(248, 244, 255, 0.2);
    position: absolute;
}


.menu{
    width: 100%;
    height: 50px;

    background: rgba(0, 0, 0, 0.5);
     /*margin: 0 auto 0 auto;*/
    /*border: 1px solid;*/

    /*margin-top: -100px;*/
    /*margin-left: -100px;*/
    position: absolute;
    /*left: 50%;*/
    /*top: 50%;*/
    /*border-radius: 50px;*/
    text-align: center;
    line-height: 50px;
    color: white;
}
.a a{
    color: white;
    text-decoration: none;
}
.a a:link{
    text-decoration: none;
}
.a a:visited{
    text-decoration: none;
}
.a a:hover{
    /*border: 1px solid;*/
    /*border-radius: 5px;*/
    /*margin: 5px;*/
    color: #b6cdbb;
    text-decoration: none;//去除下划线
}
.a a:active{
    text-decoration: none;
}

ul{
    width: 20em;
    height: 50px;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    padding: 0px;
}
li{
    float: left;
    width: 4em;
   text-align: center;
    list-style-type: none;
}
.menu_li{
    width: 100px;
    height: 30px;
    float: left;
    text-align: center;
    line-height: 30px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    border-radius: 30px;
    margin: 10px;
    background: rgba(182, 205, 187, 0.1);
}
#blog{
    /*border-top-left-radius: 50px;*/
    /*background: rgba(182, 205, 187, 0.5);*/
    /*color: rgba(5,166,240,0.5);*/
}
#project{
    /*border-top-right-radius: 50px;*/
/*background: rgba(228, 255, 235, 0.5);*/
    /*color: rgba(255,186,8,0.5);*/
}
#addTo{
    /*border-bottom-right-radius: 50px;*/
    /*background: rgba(29, 8, 28, 0.5);*/
    /*color:  rgba(137, 243, 197, 0.5);*/
}
#author{
    /*border-bottom-left-radius: 50px;*/
    /*background: rgba(35, 255, 245, 0.5);*/
    /*color: rgba(129,186,6,0.5);*/
}

.hello{
    width: 500px;
    height: 50px;

    margin-top:-25px;
    margin-left: -250px;
    position: absolute;
    left: 50%;
    top: 50%;
    line-height: 50px;
    text-align: center;
    color: rgba(245,245,245,0.5);
    font-size: 45px;
    font-weight: bold;

}
.bottom{
    width: 2em;
    height: 30px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -1em;
    background: rgba(245,245,245,0.1);
    color: white;
    line-height: 30px;
    font-size: 25px;
    text-align: center;
    border-radius: 30px;
}
.bottom li{
    width: 2em;
    text-align: center;
    line-height: 30px;
    color: white;
}